<template>
  <u-tabs :scrollable="false" :lineWidth="0" :lineHeight="0"
    :activeStyle="{ background: themePrimary, color: 'white', fontSize: '30rpx', padding: '10rpx 30rpx', borderRadius: '50rpx' }"
    :inactiveStyle="{ color: '#666', fontSize: '30rpx' }" :list="props.list" :current="props.current"
    @change="change"></u-tabs>
</template>
<script setup>
import { ref } from 'vue';
import { useTheme } from '@/composables/useTheme';
const { themePrimary } = useTheme();
const props = defineProps({
  list: {
    type: Array,
    default: () => [],
  },
  current: {
    type: Number,
    default: 0,
  },
});
const change = (index) => {
  emit('change', index);
};
</script>